<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>WebTools-Web开发者素材</title>
    <meta name="keywords" content="vue,react,组件，插件,模板，echarts,数据可视化,微前端,后台管理系统,免费下载"> 
    <meta name="description" content="提供vue/react/组件,插件,echarts数据可视化、后台管理系统模板免费下载,微前端解决方案">
    <link rel="icon" href="../../img/logo.png">
    <link rel="stylesheet" href="../../js/layui/css/layui.css">
    <link rel="stylesheet" href="./public/css/main.css">
    <style>
        .main .left {
            width: 360px;
            padding: 0 16px 0 0;
        }
        
        .main .right {
            width: 400px;
            padding: 0 0 0 16px;
        }
    </style>
</head>

<body class="dataVision">
    <div class="head">
        <li class="bg"></li>
        <ul class="mainName">
            <li class="symbol"><img src="./public/img/logo.png" alt=""></li>
            <li class="text">某生产建设兵团交通运输局</li>
        </ul>
        <li class="secondName">交通运输行业大数据中心</li>
        <li class="date">1970-01-01 星期一 00：00：00</li>
    </div>
    <div class="main">
        <div class="left">
            <div class="block block9">
                <li class="title">报警统计</li>
                <div class="tableContainer">
                    <table class="layui-table">
                        <tr>
                            <td></td>
                            <td class="title">报警次数</td>
                            <td class="title">报警车辆</td>
                        </tr>
                        <tr>
                            <td class="title">今日报警</td>
                            <td>999</td>
                            <td>999</td>
                        </tr>
                        <tr>
                            <td class="title">疲劳报警</td>
                            <td>999</td>
                            <td>999</td>
                        </tr>
                        <tr>
                            <td class="title">超速报警</td>
                            <td>999</td>
                            <td>999</td>
                        </tr>
                        <tr>
                            <td class="title">违规经营报警</td>
                            <td>999</td>
                            <td>999</td>
                        </tr>
                    </table>
                </div>
            </div>
            <div class="block block10">
                <li class="title">车辆类型统计</li>
                <div class="numList">
                    <div class="item">
                        <ul>
                            <li class="value _f53f8c">999</li>
                            <li class="name">客运企业</li>
                        </ul>
                        <ul>
                            <li class="value _f53f8c">999</li>
                            <li class="name">危货企业</li>
                        </ul>
                    </div>
                    <div class="item">
                        <ul>
                            <li class="value _ffae00">999</li>
                            <li class="name">客运车辆</li>
                        </ul>
                        <ul>
                            <li class="value _ffae00">999</li>
                            <li class="name">危货车辆</li>
                        </ul>
                    </div>
                    <div class="item">
                        <ul>
                            <li class="value _00af6d">999</li>
                            <li class="name">城市公交</li>
                        </ul>
                        <ul>
                            <li class="value _00af6d">999</li>
                            <li class="name">出租车辆</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="block block11">
                <li class="title">排名情况</li>
                <div class="tableContainer">
                    <table class="layui-table">
                        <tr class="title">
                            <td>排名</td>
                            <td>运营商名称</td>
                            <td>综合得分</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>兵通科技</td>
                            <td class="score">99</td>
                        </tr>
                        <tr>
                            <td>2</td>
                            <td>兵通科技</td>
                            <td class="score">99</td>
                        </tr>
                        <tr>
                            <td>3</td>
                            <td>兵通科技</td>
                            <td class="score">99</td>
                        </tr>
                        <tr>
                            <td>4</td>
                            <td>兵通科技</td>
                            <td class="score">99</td>
                        </tr>
                        <tr>
                            <td>5</td>
                            <td>兵通科技</td>
                            <td class="score">99</td>
                        </tr>
                        <tr>
                            <td>6</td>
                            <td>兵通科技</td>
                            <td class="score">99</td>
                        </tr>
                        <tr>
                            <td>7</td>
                            <td>兵通科技</td>
                            <td class="score">99</td>
                        </tr>
                        <tr>
                            <td>8</td>
                            <td>兵通科技</td>
                            <td class="score">99</td>
                        </tr>
                        <tr>
                            <td>9</td>
                            <td>兵通科技</td>
                            <td class="score">99</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <div class="right">
            <div class="block block12">
                <li class="title">兵团车辆汇总</li>
                <div class="echarts" id="test12"></div>
            </div>
            <div class="block block13">
                <li class="title">各运营商平台车辆总数</li>
                <div class="echarts" id="test13"></div>
            </div>
        </div>
        <div class="center">
            <div class="map" id="test14"></div>
            <div class="block block15">
                <li class="title">各运营商平台"两客一危"车辆统计</li>
                <div class="echarts" id="test15"></div>
            </div>
        </div>

    </div>
    <script src="../../js/jquery.min.js"></script>
    <script src="../../js/layui/layui.js"></script>
    <script src="../../js/echarts/echarts.min.js"></script>
    <script src="./public/js/main.js"></script>
    <script src="./public/js/iconfont.js"></script>
</body>

</html>